<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>MediCloud</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="{{ asset('/css/bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="{{ asset('/css/font-awesome.min.css')}}" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="{{ asset('/css/ionicons.min.css')}}" rel="stylesheet" type="text/css" />
        <!-- Date Picker-->
        <link href="{{ asset('/css/datepicker/datepicker3.css')}}" rel="stylesheet" type="text/css">        
        <!-- Date Time Picker-->
        <link href="{{ asset('/css/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css')}}" rel="stylesheet" type="text/css" />
        <!-- bootstrap wysihtml5 - text editor -->
        <link href="{{ asset('/css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css')}}" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="{{ asset('/css/AdminLTE.css')}}" rel="stylesheet" type="text/css" />
        <!-- jQueryUI-->
        <link href="{{ asset('/css/jQueryUI/jquery-ui-1.10.3.custom.css')}}" rel="stylesheet" >
        <!-- plyr-->
        <link href="{{ asset('/css/plyr/plyr.css')}}" rel="stylesheet" type="text/css" >
        <!-- lightbox-->
        <link href="{{ asset('/css/lightbox/lightbox.css')}}" rel="stylesheet" type="text/css">
        <!-- album-->
        <link href="{{ asset('/css/album/album.css')}}" rel="stylesheet" type="text/css">      
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        @yield('css')
    </head>    
    <body>
        <!--Menu header part-->
        @yield('nav')
        <!--Body contains side bar and other functional service-->
        @yield('body')
        <!--Foot providing website information-->
        @yield('footer')
        <!-- jQuery 2.0.2 -->
        <script src="{{ asset('/js/jquery-2.1.4.min.js')}}" type="text/javascript"></script>          
        <!-- Bootstrap -->
        <script src="{{ asset('/js/bootstrap.min.js')}}" type="text/javascript"></script>
        <!-- date picker-->
        <script src="{{ asset('/js/plugins/datepicker/bootstrap-datepicker.js')}}" type="text/javascript"></script>   
        <!-- datetimepicker-->
        <script src="{{ asset('/js/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js')}}" type="text/javascript"></script>
        <!-- plyr-->
        <script src="{{ asset('/js/plugins/plyr/plyr.js')}}" type="text/javascript"></script>
        <!--zoombie lens-->
        <script src="{{ asset('/js/plugins/zoom/jquery.zoombie.js')}}" type="text/javascript"></script>
        <!-- lightbox-->
        <script src="{{ asset('/js/plugins/lightbox/lightbox.js')}}" type="text/javascript"></script>
        <!-- album-->
        <script src="{{ asset('/js/plugins/album/jquery.tn3lite.min.js')}}" type="text/javascript"></script>
        <!--SVG-->        
        <script src="{{ asset('/js/fabric.min.js')}}" type="text/javascript"></script>
        <!--Foot providing website information-->
        @yield('scrpit')
    </body>
</html>